<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<style>
    * {
        margin: 0;
        padding: 0;
    }

    .all {
        width: 440px;
        height: 500px;
        margin: 20 auto;
    }

    .top {
        width: 440px;
        height: 280px;
        background-image: url('../照骗/万达.png');
    }

    .le {
        width: 52px;
        height: 28px;
        background: url('../照骗/多套餐.png') no-repeat -108px 0px;
        margin-left: 15px;
        float: left;
        margin-top: -10px;
        position: relative;
    }

    .middle {
        width: 430px;
        height: 50px;
        background-color: rgb(0, 0, 0, 0.5);
        position: absolute;
        top: 250px;
        color: white;
        line-height: 50px;
        padding-left: 10px;
    }

    .bottom {
        width: 436px;
        height: 150px;
        background-color: white;
        border: 2px solid orange;
        border-top: none;
    }

    .p1 {
        font-size: 18px;
        font-weight: 700;
    }

    .p2 {
        font-size: 16px;
        color: gray;
        text-indent: 0.5em;
    }

    p {
        padding-top: 15px;
        padding-left: 10px;
    }

    .money {
        float: left;
        font-size: 25px;
        color: #ff891e;
        padding-left: 18px;
        padding-top: 25px;
    }

    .m {
        color: gray;
        float: right;
        padding-right: 15px;
        padding-top: 33px;
    }
</style>
</head>

<body>
<div class="all">
    <div class="top">
        <div class="le"></div>
        <div class="middle">广东深圳宝安区建安一路海雅缤纷城4楼</div>
    </div>
    <div class="bottom">
        <div >
            <p class="p1">【海滩缤纷城】万达影城（深圳海雅广场...</p>
            <p class="p2">单人电影票，可观看2D</p>
        </div>
        <div class="money">￥35 <span style="color: gray;text-decoration: line-through;font-size: 14px;">￥80</span>
        </div>
        <div class="m">已售<span style="color:#ff1d6c;">225</span></div>
    </div>
</div>
</body>
</html>